<template>
  <div>
    <tsxDom
      :userName="userName"
      :userAge="userAge"
      @on-click="handleClick"
    ></tsxDom>
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
// import tsxDom from "@/tsx/index";
// import tsxDom from "@/tsx/template";
// import tsxDom from "@/tsx/vModel";
// import tsxDom from "@/tsx/vShow";
// import tsxDom from "@/tsx/vIf";
// import tsxDom from "@/tsx/vFor";
// import tsxDom from "@/tsx/vBind";
// import tsxDom from "@/tsx/vOn";
// import tsxDom from "@/tsx/props";
import tsxDom from "@/tsx/emit";

const userName = ref<string>("张三");
const userAge = ref<number>(18);

const handleClick = (value: string) => {
  console.log(value);
};
</script>

<style scoped></style>
